<template>

	<div>
		
		<h3>三国人物列表</h3>
		<ul>
			<li v-for="(item ,index) in list">
				{{index}}--{{item}}
			</li>
		</ul>
		
		
		<hr>
		<h3>三国人物列表:详细信息</h3>
		<ul>
			<li v-for="(item ,index) in detailList">
				{{index}}--姓名:{{item.name}} -- 武力值 {{item.max}}-- 籍贯 {{item.address}}
			</li>
		</ul>
		
		
		<hr>
		<h3>三国人物列表:详细信息--爱好</h3>
		<ul>
			<li v-for="(item ,index) in personFavList">
				{{index}}--姓名:{{item.name}} -- 武力值 {{item.max}}-- 籍贯 {{item.address}}
				
				<div>
					爱好：
						<ol>
							<li v-for="fav  in  item.favs">{{fav}}</li>
						</ol>
				</div>
			</li>
		</ul>
		
		
		<hr>
		<!--  json  -->
		<div v-for="(value,key) in person">
			{{key}}--{{value}}
		</div>
		
		
	</div>
	
	
</template>

<script>
		
	export default{
		name:'CCCCCC',
		data(){
			return {
				list:['张飞','刘备','关羽'],
				detailList:[
						{   	name:'张飞',max:6998,address:'河北' },
						{   	name:'刘备',max:998,address:'属地' },
						{   	name:'关羽',max:9998,address:'南京' },
				],
				personFavList:[
						{   	name:'张飞',max:6998,address:'河北', favs:['篮球','羽毛球','电竞'] },
						{   	name:'刘备',max:998,address:'属地', favs:['打架','看书','电竞'] },
						{   	name:'关羽',max:9998,address:'南京', favs:['喝酒','唱歌','烫头'] },
				],
				
				person:{
					name:'诸葛亮',
					alias:'诸葛孔明',
					age:58
				}
				
			}
		}
	}
	
	
</script>

<style scoped>
	
	
	
	
</style>